<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>小米展示台</title>
		<style>
			.box{
				width:1233px;
				height:700px;
				margin:auto;
			}
			.bw{
				float:left;
			}
			.bq{
				float:right;
			}
			.box1{
				width:1210px;
				height:625px;
				margin:auto;
				overflow:hidden;
			}
			.box2{
				width:220px;
				height:610px;
				float:left;
				padding-right:14px;
			}
			.box3{
				width:970px;
				height:297px;
				float:right;
			}
			.boxa1{
				width:231px;
				height:297px;
				border:#F5F5F5;
				padding-right:14px;
				float:left;
				font-size:12px;
				text-align:center;
			}
			.boxa2{
				width:231px;
				height:297px;
				border:#F5F5F5;;
				padding-right:14px;
				float:left;
				font-size:12px;
				text-align:center;
			}
			.boxa3{
				width:231px;
				height:297px;
				border:#F5F5F5;;
				padding-right:14px;
				float:left;
				font-size:12px;
				text-align:center;
			}
			.boxa4{
				width:231px;
				height:297px;
				border:#F5F5F5;;
				float:left;
				font-size:12px;
				text-align:center;
			}
			.box4{
				width:970px;
				height:297px;
				float:right;
				padding-top:14px;
			}
			.boxb1{
				width:231px;
				height:297px;
				border:#F5F5F5;;
				padding-right:14px;
				float:left;
				font-size:12px;
				text-align:center;
			}
			.boxb2{
				width:231px;
				height:297px;
				border:#F5F5F5;;
				padding-right:14px;
				float:left;
				font-size:12px;
				text-align:center;
			}
			.boxb3{
				width:231px;
				height:297px;
				border:#F5F5F5;;
				padding-right:14px;
				float:left;
				font-size:12px;
				text-align:center;
			}
			.boxb4{
				width:231px;
				height:297px;
				border:#F5F5F5;;
				float:left;
				font-size:12px;
				text-align:center;
				}
		</style>
	</head>
	<body>
		<div class="box">
			<p class="bw">手机</p>
			<a class="bq">查看更多</a>
			<div class="box1">
				<div class="box2">
					<img src="img/r.webp"/>
				</div>
				<div class="box3">
					<div class="boxa1">
						<img src="img/a.webp"/>
						<p>小米10s</p>
						<p>骁龙870|对称式双扬立体声</p>
						<p>3299元起</p>
					</div>
					<div class="boxa2">
						<img src="img/b.webp"/>
						<p>Redmi k40 PRO系列</p>
						<p>骁龙888/E4旗舰直屏</p>
						<p>3299元起</p>
					</div>
					<div class="boxa3">
						<img src="img/c.webp"/>
						<p>Redmi k40 Pro系列</p>
						<p>骁龙870/新一代 E4 AMOLED 旗舰直屏</p>
						<p>1999元起</p>
					</div>
					<div class="boxa4">
						<img src="img/d.webp"/>
						<p>小米11</p>
						<p>骁龙888|2k旗舰直屏</p>
						<p>3999元起</p>
					</div>
				</div>
				<div class="box4">
					<div class="boxb1">
						<img src="img/e.webp"/>
						<p>小米10s</p>
						<p>骁龙866|1亿像素相机</p>
						<p>3399元起</p>
					</div>
					<div class="boxb2">
						<img src="img/f.webp"/>
						<p>Note 9 pro</p>
						<p>1亿像素相机 |120Hz变速</p>
						<p>1599元起</p>
					</div>
					<div class="boxb3">
						<img src="img/g.webp"/>
						<p>Note 9 </p>
						<p>1亿像素相机 |5000Hz变速</p>
						<p>1299元起</p>
					</div>
					<div class="boxb4">
						<img src="img/e.webp"/>
					<p>小米11</p>
					<p>8000Hz变速</p>
					<p>999元起</p>
			</div>
		</div>
	</body>
</html>
